refactor: Migrate event handlers to new Svelte 5 syntax

1 files changed, 19 insertions, 19 deletions

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index c9bb7454..2abf8377 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -576,7 +576,7 @@
               of all badges from your Badge Wall.
               <Spacer />
               <button
-                on:click={async () => {
+                onclick={async () => {
                   noticeDismissed = true;
 
                   await localforage.setItem('badgeWallNoticeDismissed', 'true');
@@ -591,7 +591,7 @@
 
           <div class="card">
             {#if authorised}
-              <button on:click={setShadowHide}>Shadow Hide Badges</button>
+              <button onclick={setShadowHide}>Shadow Hide Badges</button>
             {/if}
 
             {#if isOwner && authorised}
@@ -600,7 +600,7 @@
 
             {#if isOwner}
               <button
-                on:click={() => {
+                onclick={() => {
                   selectedBadge = undefined;
                   editMode = !editMode;
                 }}
@@ -611,7 +611,7 @@
               </button>
               <span style="margin: 0 0.625rem;">•</span>
               <button
-                on:click={() => {
+                onclick={() => {
                   selectedBadge = undefined;
                   importMode = !importMode;
                 }}
@@ -622,7 +622,7 @@
               </button>
               <span style="margin: 0 0.625rem;">•</span>
               <button
-                on:click={() => {
+                onclick={() => {
                   selectedBadge = undefined;
                   migrateMode = !migrateMode;
                 }}
@@ -631,7 +631,7 @@
               </button>
               <span style="margin: 0 0.625rem;">•</span>
               <button
-                on:click={() => {
+                onclick={() => {
                   selectedBadge = undefined;
                   hideMode = !hideMode;
                 }}
@@ -639,11 +639,11 @@
                 Hide Category
               </button>
               <!-- <!-- <span style="margin: 0 0.625rem;">•</span> -->
-              <!-- <button on:click={() => exportBadges(groupedBadges)}>Export Badges</button> -->
+              <!-- <button onclick={() => exportBadges(groupedBadges)}>Export Badges</button> -->
 
               {#if shadowHidden}
                 <span style="margin: 0 0.625rem;">•</span>
-                <button on:click={setShadowHide}>Un-shadow Hide Badges</button>
+                <button onclick={setShadowHide}>Un-shadow Hide Badges</button>
               {/if}
 
               {#if editMode && isOwner}
@@ -807,7 +807,7 @@
                       />
                     </span>
                   </Dropdown>
-                  <button class="button-lined" on:click={submitBadge}
+                  <button class="button-lined" onclick={submitBadge}
                     >{selectedBadge
                       ? $locale().user.badges.editMode.update
                       : $locale().user.badges.editMode.add}</button
@@ -816,7 +816,7 @@
                     {$locale().user.badges.editMode.or}
                     <button
                       class="button-lined"
-                      on:click={() => {
+                      onclick={() => {
                         if (selectedBadge) removeBadge(selectedBadge);
                       }}>{$locale().user.badges.editMode.delete}</button
                     >
@@ -869,7 +869,7 @@
         />
 
         {#if authorised}
-          <button on:click={shadowHideBadge}>
+          <button onclick={shadowHideBadge}>
             {#if selectedBadge && selectedBadge.shadow_hidden}
               Un-shadow
             {:else}
@@ -921,7 +921,7 @@
     <Spacer />
 
     <button
-      on:click={() => {
+      onclick={() => {
         importMode = false;
         importImages = undefined;
       }}
@@ -929,7 +929,7 @@
     >
       {$locale().user.badges.importMode.cancel}
     </button>
-    <button on:click={() => parsePost()} class="button-lined" style="float: right;">
+    <button onclick={() => parsePost()} class="button-lined" style="float: right;">
       {$locale().user.badges.importMode.fetch}
     </button>
 
@@ -941,7 +941,7 @@
       <button
         class="button-lined no-shadow"
         data-umami-event="Remove All Badges"
-        on:click={removeAllBadges}
+        onclick={removeAllBadges}
       >
         {$locale({
           values: {
@@ -963,7 +963,7 @@
         }
       }).user.badges.importMode.importConfirm}&nbsp;
       <button
-        on:click={() => importBadges()}
+        onclick={() => importBadges()}
         class="button-lined no-shadow"
         data-umami-event="Import Badges"
       >
@@ -1003,7 +1003,7 @@
   <Spacer />
 
   <button
-    on:click={() => {
+    onclick={() => {
       importMode = false;
       importImages = undefined;
     }}
@@ -1011,7 +1011,7 @@
   >
     {$locale().user.badges.importMode.cancel}
   </button>
-  <button on:click={() => migrateCategory()} class="button-lined" style="float: right;">
+  <button onclick={() => migrateCategory()} class="button-lined" style="float: right;">
     Migrate
   </button>
 </Popup>
@@ -1039,7 +1039,7 @@
   <Spacer />
 
   <button
-    on:click={() => {
+    onclick={() => {
       hideMode = false;
       importImages = undefined;
     }}
@@ -1047,7 +1047,7 @@
   >
     {$locale().user.badges.importMode.cancel}
   </button>
-  <button on:click={() => hideCategory()} class="button-lined" style="float: right;"
+  <button onclick={() => hideCategory()} class="button-lined" style="float: right;"
     >Toggle Visibility</button
   >
 </Popup>